<!doctype html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
    <meta
      name="description"
      content="Collection of UI challenges in multiple frameworks to sharpen your skills by solving real-world frontend challenges."
    />
    <meta
      name="keywords"
      content="frontend, coding challenges, JavaScript, React, Vue, Angular, CSS, HTML, web development, programming exercises"
    />
    <meta name="author" content="Sadanand Pai" />
    <meta name="robots" content="index, follow" />
    <meta name="theme-color" content="#2563eb" />
    <meta name="color-scheme" content="light dark" />
    <link rel="canonical" href="https://sadanandpai.github.io/frontend-mini-challenges/" />

    <!-- Favicon -->
    <link
      rel="icon"
      type="image/svg+xml"
      href="https://github.com/sadanandpai/frontend-mini-challenges/raw/main/shared/assets/core/logo.svg"
    />
    <link
      rel="apple-touch-icon"
      href="https://github.com/sadanandpai/frontend-mini-challenges/raw/main/shared/assets/core/logo.svg"
    />

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://sadanandpai.github.io/frontend-mini-challenges/" />
    <meta property="og:title" content="Frontend Mini Challenges" />
    <meta
      property="og:description"
      content="Collection of UI challenges in multiple frameworks to sharpen your skills by solving real-world frontend challenges."
    />
    <meta
      property="og:image"
      content="https://github.com/sadanandpai/frontend-mini-challenges/raw/main/shared/assets/core/cover.png"
    />

    <!-- Twitter -->
    <meta property="twitter:card" content="summary_large_image" />
    <meta
      property="twitter:url"
      content="https://sadanandpai.github.io/frontend-mini-challenges/"
    />
    <meta property="twitter:title" content="Frontend Mini Challenges" />
    <meta
      property="twitter:description"
      content="Collection of UI challenges in multiple frameworks to sharpen your skills by solving real-world frontend challenges."
    />
    <meta
      property="twitter:image"
      content="https://github.com/sadanandpai/frontend-mini-challenges/raw/main/shared/assets/core/cover.png"
    />

    <!-- Extern scripts -->
    <script
      data-goatcounter="https://sadanandpai.goatcounter.com/count"
      async
      src="//gc.zgo.at/count.js"
    ></script>

    <!-- Preconnect to external domains -->
    <link rel="preconnect" href="https://github.com" />
    <link rel="preconnect" href="https://gc.zgo.at" />

    <title>Frontend Mini Challenges</title>

    <!-- Structured Data -->
    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "WebApplication",
        "name": "Frontend Mini Challenges",
        "url": "https://sadanandpai.github.io/frontend-mini-challenges/",
        "description": "Collection of UI challenges in multiple frameworks to sharpen your skills by solving real-world frontend challenges.",
        "applicationCategory": "EducationalApplication",
        "operatingSystem": "Web Browser",
        "offers": {
          "@type": "Offer",
          "price": "0"
        },
        "author": {
          "@type": "Person",
          "name": "Sadanand Pai"
        }
      }
    </script>
    <script type="module" crossorigin src="/frontend-mini-challenges/assets/index-Bvo6j0Zg.js"></script>
    <link rel="stylesheet" crossorigin href="/frontend-mini-challenges/assets/index-B_7pcCkK.css">
  </head>
  <body>
    <div id="root"></div>
  </body>
</html>
